html,body{
    height:100%;
}
/* banner -------------------------------------- */
    .focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
    .focus .hd{ width:100%; height:0.96rem;  position:absolute; z-index:1; bottom:0.4rem; text-align:center; }
    .focus .hd ul{ display:inline-block; height:0.72rem; padding:0.12rem 0.2rem; font-size:0; vertical-align:top;
    }
    .focus .hd ul li{ display:inline-block; width:0.6rem; height:0.6rem; -webkit-border-radius:.6rem; -moz-border-radius:.6rem; border-radius:.6rem; background:rgba(255, 255, 255, 0.36); margin:0 0.2rem;  vertical-align:top; overflow:hidden;}
    .focus .hd ul .on{ background: #fffffd;}
    .focus .hd ul li .icon-point{ width:.5rem; height:.5rem;background:transparent;border-radius: .5rem;margin-top:.1rem; margin-left:.1rem;}
   .focus .hd ul .on .icon-point{ background:#fff;}
    .focus .bd{ position:relative; z-index:0; }

    .white_bg{margin-bottom:0.88rem;background:#fff;padding:1.2rem;}
    .color_o{color:#f48c2b;}
    .white_bg .pro_title{font-size:.96rem;color:#333;line-height:1.2rem;}
    .white_bg span{margin-top:1rem;font-size: 0.96rem;display:block;}
    .good_infor{background:#fff;margin-bottom:.88rem;color:#333;}
    .good_infor ul{padding:0 1.2rem;}
    .good_infor ul li{padding-top:1.4rem;}
    .good_infor ul li:last-child{padding-bottom:1.4rem;}
    .good_infor ul li span:first-child{color:#999;}
    .detail_title{border-bottom:1px solid #ddd;padding:1.2rem 1.2rem 0.8rem;font-size:0.8rem;}


    /*center start*/
    .tab_list {height: 3.2rem;color:#999;line-height: 3.2rem;border-bottom: 1px solid #ddd;position: fixed;left: 0;right: 0;z-index: 100;background:#f2f3f7;}
    .tab_list ul li{text-align: center;position: relative;}
    .line{border-right:1px solid #ddd;height: 1.4rem;position: absolute;right: 0;top: 50%;margin-top: -.7rem;}
    .cur{ color:#333;}
    .tab_content{ width: 100%; padding:1.2rem .96rem; box-sizing: border-box;border-bottom: 1px solid #DDDDDD;}
    .tab_content_left{ width:6.8rem; margin-right: .8rem;}
    .tab_content_right  h1{font-weight: normal;font-family:Microsoft Yahei;padding-top:0.4rem;color:#333;font-size:.96rem;line-height: 1.6rem;}
    .tab_content_right>span{font-size: 0.96rem;}
    .main_content{ position: absolute;top: 96px;overflow-y: scroll;-webkit-overflow-scrolling: touch;}

    
    .content_img{padding:1.2rem;}
    .content_img li{margin-bottom:1.2rem;}
    .content_img li:last-child{margin-bottom:0;}
    .content_img li>img{border-radius: 5%;}

    .txt_r{text-align: right;}
    .pro_img{margin:0.8rem 0;}
    .pro_center{border-bottom: 1px solid #ddd;padding-bottom:.8rem;}
    .pro_gr{width:2.88rem;height:2.88rem;border-radius:1.44rem;margin-right:0.8rem;}
    .pro_center .row .col>p:last-child{color:#999;}
    .pro_center .row .col>p{line-height: 1.52rem;}
    .pro_date{color:#999;padding-top:0.88rem;}
    .look_icon{content: ""; display: inline-block;vertical-align: middle;width: .8rem;height: .8rem;background: url(../images/look.png) no-repeat center;background-size: .8rem auto;margin-right: .2rem;}

    .pro_detail_bg{height:12.8rem;background:url(../images/pro_bg.png) repeat;
    text-align:center;display: -webkit-box; 
    display: -moz-box;    
    display: -ms-flexbox;  
    display: -webkit-flex; display:flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-direction: column;flex-direction: column;}
    .pro_detail_gr{padding-top:3.52rem;}
    .bor{border:2px solid #acaba6;margin-right:0;}
    .pro_detail_gr>p{color:#fff;line-height: 1.2rem;}
    .detail_txt{padding:10px 1.2rem 0;}
    .detail_txt>h1{text-align:center;color:#333;font-size:20px;}
    .detail_txt p{line-height:1.6rem;color:#999;}
    .show_list li{padding:1.2rem 1.2rem 0;}


    .case_detail_content{padding:2.0rem 1.2rem 0;}
    .case_detail_content>p{text-align:center;padding-bottom:1.2rem;}
    .case_detail_content ul:nth-of-type(1) li{color:#777;line-height: 1.6rem;}
    .case_detail_content ul:nth-of-type(2) li{padding-top:1.2rem;}


    .login_content{padding:1.2rem;}
    .login_bg{background:url(../images/pro_bg.png) repeat center;height:9.6rem;display: flex;display: -webkit-box; 
    display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content: center;}
    .login_content .logo_gr{width:2.88rem;height:2.88rem;border-radius:1.44rem;margin-top: 8.16rem;border-top:2px solid #9ea4a4; border-right:2px solid #9ea4a4;border-bottom:2px solid #fff;border-left:2px solid #fff;z-index: 100;}
    .login_form{padding:2.4rem 1.8rem 1.92rem;background:#fff;}
    .login_form .login_txt{padding:1.0rem 0;border-bottom:1px solid #ddd;}
    .bor-t{border-top:1px solid #ddd;}
    .login_form .login_icon{width: 1.12rem; height:1.12rem; display: inline-block; vertical-align:middle; background: url(../images/user_icon.png) no-repeat; background-size: 100% 100%; margin:-.3rem 1.2rem 0 0;}
    .login_form .icon_pwd{background: url(../images/password_icon.png) no-repeat; background-size: 100% 100%;}
    .login_form .input_con{padding-left:1.2rem;border-left:1px solid #ddd;}
    .login_form .login_btn,.con_btn{border-radius: .3rem;background:#f28b2c;text-align: center;margin-top:2.4rem;padding:0.8rem 0;}
    .login_form  .mar_b{margin-bottom:5.6rem;}
    .login_form .login_btn a{color:#fff;}
    .reg_btn{background:#efefef;border:1px solid #ddd;padding:0.8rem 0;text-align: center;border-radius: .3rem;margin:0 3.6rem;}
    
    .con_btn{background:#efefef;border:1px solid #ddd;margin-right:1rem;}
    .yzm{color:#f58d2d;border-radius:.3rem;border:1px solid #f58d2d;background:#fff;padding:0.6rem 1.2rem;}
    .ts_txt{color:#cacaca;margin-top:0.8rem;text-align: right;}

    .border{border:2px solid #ddd;}
    .pro_info {width: 100%;padding: .8rem;box-sizing: border-box;position: relative;}
    .title{color:#333;height:1.2rem;padding-top:0.2rem;}
    .pro_info_right>p{line-height:1.2rem;}
    .right_icon:before{ display: block; content: ""; border-top: 2px solid #bbb; border-right: 2px solid #bbb; margin-top: -0.2rem; transform: rotate(45deg); position: absolute; right: 1.2rem; top: 50%; width: .6rem; height: .6rem;}

    .mycenter-left {padding-left: 0.96rem;height: 3.5rem;line-height: 3.5rem;}
    .my {border-bottom: 1px solid #dddddd;box-sizing: border-box;position: relative;}
    .right-txt {color: #999!important;position: absolute;right: 2.5rem;top: 0;}
    .white ul li:last-child{border-bottom:0;}

    .add_title{text-align: center;padding-bottom:1.52rem;font-weight:500;color:#333;font-size:.96rem;}
    .cu_content{padding:.88rem 1.2rem;}
    .cu_content p{line-height: 1.6rem;}

    .record ul>li{padding:.4rem;}
    .record ul{padding:1rem;}
    .record ul li span:nth-of-type(1){color:#999;padding-right:2.0rem;width: 20%;display: inline-block;}
    .record ul li span:nth-of-type(2){color:#333;}

    .o_txt{padding:1.2rem;color:#fff;display:flex;display: -webkit-box;display: -webkit-flex;  display: -moz-box; display: -moz-flex; display: -ms-flexbox;justify-content: space-between;position: relative;}
    .o_txt div{margin-bottom:.5rem;}
    .o_txt select{background: #f68e2d; border-left: 1px solid #fce2cb; color: #FFFFFF; border-radius: 2px; height: 1.36rem; min-width: 4.8rem; margin-right:0.32rem; padding: 0 1.2rem;}

    .yzm_form{ display: flex;display: -webkit-box;display: -webkit-flex;  display: -moz-box; display: -moz-flex; display: -ms-flexbox;justify-content:center;align-items: center;flex-direction:column;height: 100%;}

    .yzm_input{border:1px solid #ddd;border-radius:2.5rem;padding:1.2rem 3.2rem;text-align: center;}
    .next_btn{background:#f68e2d;border-radius: .3rem;text-align: center;margin-top:2.8rem;width:10.0rem;height:2.8rem;line-height: 2.8rem;}
    .next_btn a{color:#fff;}

    .yhj_content{padding: 1.2rem 1.2rem 0;display:flex;display: -webkit-box;
    display: -webkit-flex;  display: -moz-box; display: -moz-flex; display: -ms-flexbox;}
    .yhj_content .yhj_left{width:30%;color:#fff;background:#f68e2d;justify-content: center;flex-direction: column;align-items: center;display:flex;padding:0 0.4rem;}
    .yhj_content .yhj_left p:nth-of-type(1){font-size: 0.96rem;font-weight: 600;}
    .yhj_content .yhj_right .yhj_right_top{padding-bottom:.88rem;}
    .yhj_content .yhj_right{background:#fff;width:70%;padding:1.2rem;color:#484848;}
    .yhj_right_top{display:flex;display: -webkit-box;display: -webkit-flex;  display: -moz-box; display: -moz-flex; display: -ms-flexbox;justify-content: space-between;}
    .yhj_right_top span:nth-of-type(1){font-weight: 600;}
    .yhj_right_top span:nth-of-type(2){color:#ccc;}
    .share_icon{width: 1.12rem; height:1.12rem; display: inline-block; vertical-align:middle; background: url(../images/share.png) no-repeat; background-size: 100% 100%; margin:-.3rem 0 0 0;}
    .bg_sx{background:#dfdfdf!important;}
    .color_sx{color:#dfdfdf!important;}
   
    .down_icon:before{ display: block; content: ""; border-bottom: 2px solid #fff; border-right: 2px solid #fff; margin-top: -0.2rem; transform: rotate(45deg); position: absolute; right: 1.2rem; top: 50%; width: 0.48rem; height: 0.48rem;}
    .add_content{height: 2.8rem;border: 2px dashed #ccc;margin: 1.2rem 1.4rem 0;line-height: 2.8rem;display: flex;display: -webkit-box;display: -webkit-flex;  display: -moz-box; display: -moz-flex; display: -ms-flexbox;display: flex;justify-content: center;padding:0 .88rem;}
    .add_icon{background: url(../images/add_icon.png)no-repeat center;width: 26px;height: 2.8rem;display: block;background-size: 1.6rem auto;padding-left:10px; }